<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情页</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<link rel="stylesheet" type="text/css" href="orderpay.css"/>
	</head>
	<body>
		
		<div class="header">
			<ul id="header-center">
				<li class="header-center-left">
					<ul>
						<li><a href="javascript:void(0)">收藏中酒</a></li>
						<li><a href="javascript:void(0)">手机版&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="javascript:void(0)" style="color:red;">中酒公告</a></li>
					</ul>
				</li>
				<li class="header-center-right">
					<ul>
						<li><a href="../registerlogin/login.html">[请登录]</a></li>
						<li><a href="../registerlogin/register.html">[快速注册]</a></li>
						<li><a href="javascript:void(0)">投诉直达</a>&nbsp;|</li>
						<li><a href="javascript:void(0)">网站导航</a>&nbsp;|</li>
						<li><a href="javascript:void(0)">订单热线:&nbsp;</a>400-798-9999</li>
					</ul>
				</li>
				<li class="clearfix"></li>
			</ul>
			<div class="headerlogo">
				<div class="logo"><a href="../index.html"></a></div>
				<div class="shopliucheng"><img src="../img/lc_bg2.png" alt="" /></div>
			</div>
		</div>
		<div class="clearfix"></div>
		<!--主内容开始-->
		<div class="content">
			<div class="havegoods">
				<!--收货地址部分-->
				<div class="goods_address">
					<p class="goods_address_top">收货地址：</p>
					<div class="goods_address_content">
						<div class="goods_address_kuang">
							<ul class="goods_address_list">
								<li>
									<span class="show_province">北京市</span>
									<span class="show_shi">北京市</span>
									（<span class="goods_user">王涛</span>收）
								</li>
								<li>
									<span class="goods_xian">昌平区</span>
									<span class="dizhi">法萨芬就偶爱</span>
								</li>
								<li class="tellorcall">18236400260</li>
								<span class="duihao"></span>
								<a class="editaddress" href="javascript:void(0)">编辑地址</a>
							</ul>
						</div>
						<div class="add_car_address"><a href="javascript:void(0)">添加收货地址</a></div>
					</div>
				</div>
				<!--支付方式-->
				<div class="clearfix"></div>
				<div class="goods_address">
					<p class="goods_address_top">支付方式：</p>
					<ul class="goods_address_content payways">
						<li class="pay1">
							<input type="radio" name="way1" checked="checked"/>
							<a style="margin-right:50px;" href="javascript:void(0)">在线支付</a>
							<span>即时到账，支持绝大多数银行借记卡及信用卡</span>
							<a href="javascript:void(0)">查看银行及限额</a>
						</li>
						<li style="height:auto">
							<ul class="paycard">
								<li  class="active0">支付平台</li>
								<li>储蓄卡</li>
								<li>信用卡</li>
							</ul>
							<div class="clearfix"></div>
							<ul class="paylist1">
								<li>
									<input type="radio" name="way2" checked="checked"/>
									<div><img src="../img/pay2_18.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/pay2_21.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/pay_weixin.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/pay2_23.jpg" alt="" /></div>
								</li>
							</ul>
							<ul class="paylist1" style="display: none">
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_03.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_05.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_07.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_15.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_09.jpg" alt="" /></div>
								</li>
							</ul>
							<ul class="paylist1" style="display: none">
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_17.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_18.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_23.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_24.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_25.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_26.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_31.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_37.jpg" alt="" /></div>
								</li>
								<li>
									<input type="radio" name="way2"/>
									<div><img src="../img/car_bank_09.jpg" alt="" /></div>
								</li>
							</ul>
						</li>
						<div class="clearfix"></div>
						<li class="pay1">
							<input type="radio" name="way1" />
							<a style="margin-right:50px;" href="javascript:void(0)">在线支付</a>
							<span>送货上门后再收款，支持现金（暂不接受支票）</span>
						</li>
						<li class="pay1">
							<input type="radio" name="way1"/>
							<a style="margin-right:50px;" href="javascript:void(0)">在线支付</a>
							<span>当面使用POS刷卡支付货款后验收</span>
							<a href="javascript:void(0)">查看运费及配送范围</a>
						</li>
					</ul>
					<p class="goods_address_top">配送方式：</p>
					<ul class="sentway">
						<li class="pay1 sentway1">
							<input type="radio" name="way" checked="checked"/>
							<a style="margin-right:50px;" href="javascript:void(0)">快递送货上门</a>
							<i>免运费</i>
							<span>即时到账，支持绝大多数银行借记卡及信用卡</span>
						</li>
						<li>
							<select name="songhuo">
								<option value=""> 工作日、双休日与假日均可送货 </option>
								<option value="">  只工作日送货  </option>
								<option value="">  只双休日、假日送货  </option>
							</select>
						</li>
						<li class="tishi">温馨提示：我们会努力按照您指定的时间配送，但因天气、交通等各类因素影响，您的订单有可能会有延误现象！</li>
					</ul>
					<div class="confirmpayway">确认支付及配送方式</div>
				</div>
				<!--发票信息-->
				<div class="goods_address">
					<p class="goods_address_top">发票信息：</p>
					<span class="nofapiao">不开发票</span>
				</div>
				<div class="clearfix"></div>
				<!--购物清单-->
				<div class="goods_address" style="border:0;">
					<p class="goods_address_top">购物清单：</p>
					<ul class="showgoods">
						<li>
							<ul class="goodlist">
								<li style="width:150px">商品图片</li>
								<li style="width:350px">商品名称</li>
								<li style="width:100px">单价</li>
								<li style="width:100px">商品数量</li>
								<li style="width:100px">金额小计</li>
							</ul>
						</li>
						<li class="goodsshow" style="border-bottom:1px solid #ccc">
							<div class="goodsnews">
								<div class="goodsimg"><a href="../goodsdetail/goodsdetail.html"><img src="../img/bigpic7.jpg"/></a></div>
								<a class="goodsword" href="../goodsdetail/goodsdetail.html">52°百年泸州老窖窖龄30年 500ml（6瓶装）</a>
							</div>
							<div class="goodsprise">￥1188.00</div>
							<div class="buynum">1</div>
							<div class="addprise">￥2376.00</div>
						</li>
						<li>
							<div class="goodsnews">
								<div class="goodsimg"><a href="../goodsdetail/goodsdetail.html"><img src="../img/zeng.jpg"/></a></div>
								<a class="goodsword" href="../goodsdetail/goodsdetail.html">大成澜爵尊贵品丽珠干红葡萄酒 750ml[赠品]</a>
							</div>
							<div class="goodsprise">￥0</div>
							<div class="buynum">1</div>
							<div class="addprise">￥0</div>
						</li>
					</ul>
					<div class="clearfix"></div>
					<div class="jisuan">
						<ul>
							<li>
								<span class="productcount">2</span>
								<span class="jisuan1 zongjia">￥1029</span>
								<span class="jisuan2">件商品，总商品金额：</span>
							</li>
							<li>
								<span class="jisuan1 productpay">￥0</span>
								<span class="jisuan2">运费：</span>
							</li>
							<li>
								<span class="jisuan1 productpay dazhe">-￥10.29</span>
								<span class="jisuan2">在线支付优惠：</span>
							</li>
						</ul>
						<p class="paytrue1">
							<span class="paytrue2">应付总额：</span>
							<i>￥</i>
							<span class="paytrue">1018.71</span>
						</p>
					</div>
					<div class="clearfix"></div>
					<div class="submitOrder"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!--模态部分-->
		<div class="motai">
			<div class="modalDialog">
				<div class="modalDialog_title">
					<div class="modalDialog_top">收货地址：</div>
					<div class="modalClose"></div>
				</div>
				<div class="modalconent">
					<ul class="car_address_message">
						<li>
							<label class="zc"><span>收货人：</span><i>*</i></label>
							<input type="text" name="name" id="name" class="zi" />

							<span class="car_name_error">收货人姓名不能为空，最少不能低于2个字，最多不能超过15个字</span>
						</li>
						<li>
							<label class="zc"><span>选择地区：</span><i>*</i></label>
							<select name="province"  class="province">
								<option value="">-请选择-</option>
								<option value="">北京</option>
								<option value="">上海</option>
								<option value="">河南省</option>
								<option value="">湖北省</option>
							</select>
							<select name="beijin_diqu" class="diqu shi" id="shi">
								<option value="">-请选择-</option>
								<option value="">北京</option>
								<option value="">上海</option>
								<option value="">信阳</option>
								<option value="">武汉</option>
							</select>
							<select name="wuhan_diqu" class="diqu xian" id="xian">
								<option value="">-请选择-</option>
								<option value="">昌平区</option>
								<option value="">宝山区</option>
							</select>
							<span class="car_name_error">地区信息不完整，请选择正确的地区</span>
						</li>
						<li>
							<label class="zc"><span>详细地址：</span><i>*</i></label>
							<input type="text" name="name" id="detail_address" class="zi detail_address" />
							<span style="color:#ccc;">不需要重复填写省/市/区</span>
						</li>
						<li class="car_name_error detail_address_error">
							详细地址不能为空，最少5个字，最多不能超过60个字
						</li>
						<li>
							<label class="zc"><span>手机：</span><i>*</i></label>
							<input type="text" name="name" id="cell" class="zi" />
							<span class="car_name_error">请输入正确的手机号码，必须全为数字，且不能超过11位</span>
						</li>
						<li>
							<label class="zc"><span>或者 固定电话</label>
							<input type="text" name="name" id="phone1" class="zcall" />-
							<input type="text" name="name" id="phone2" class="zcall" style="width:100px;"/>-
							<input type="text" name="name" id="phone3" class="zcall" />
							<span style="color:#ccc">手机和电话请至少填写一个！电话的格式：区号-电话号码-分机</span>
						</li>
						<li class="car_name_error detail_tell_error">
							区号必须是3-5位数字，主机号码必须是6-9位数字，分机号必须是0-6位数字
						</li>
					</ul>
					<div class="confirm_address">
						<input type="button" value="确认收货信息" class="confirm_address_message"/>
						<input type="button" value="取消" class="quxiao_address_message"/>
					</div>
				</div>
				<div class="madalDialog_footer"></div>
			</div>
		</div>
		<!--主内容结束-->
		<div class="clearfix"></div>
		<!--底部开始-->
		<div id="footer">
			<div id="last">	
			</div>
		</div>
		<!--底部结束-->
	</body>
	<script src="../js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="orderpay.js" type="text/javascript" charset="utf-8"></script>
</html>
